<template>
	<view class="box">
		<image src="/static/android_img.png" v-if="isAndroid" class="guide-bg" mode="widthFix"></image>
		<image src="/static/ios_img.png" v-if="isIOS" class="guide-bg" mode="widthFix"></image>
	</view>
</template>

<script setup>
	import {ref,onMounted} from 'vue'
	import {getSystem} from '@/utils/index.js'
	const isAndroid = ref(false)
	const isIOS = ref(false)
	
	onMounted(()=>{
		const system = getSystem()
		if(undefined === system){
			console.log("浏览器")
			return
		}
		const equipment = system.equipment
		if(equipment === 'Android'){
			isAndroid.value = true
		}
		else if(equipment === 'iPhone'){
			isIOS.value = true
		}
		else{
			console.log("不是安卓  也不是苹果",equipment)
		}
	})
	
</script>

<style lang="scss" scoped>
.box{
	width: 100%;
	height: 100vh;
	.guide-bg{
		width: 100%;
		height: 800rpx;
	}
}

</style>